header{
    padding: 20px;
    .h-top{
        color: #000;
        align-items: center;
        .h-img{
            width: 120px;
            height: 120px;
            border-radius: 60px;
            overflow: hidden;
            text-align: center;
            img{
                width: 100%;
                height: 100%;
            } 
        }
        p{
            font-weight: bold;
        }
    }
}
// 内容部分
main{
    overflow: scroll;
    background-color: #E8E8E8;
    // 上部分
    .main-top{
        background-color: #fff;
        .main-top-b{
            padding: 0px 34px 20px;
            justify-content: space-between;
            i{
                border-left: 1px dashed rgba(187, 187, 187, 1);
            }
            div{
                p{
                    color: #8A8A8A;
                }
                div{
                    align-items: flex-end;
                    h4{
                        color: #4294FF;
                        font-size: 40px;
                    }
                }
            }
        }
    }
    //中间
    .main-mid{
        background-color: #fff;
        .main-mid-b{
            justify-content: space-around;
            div{
                width: 100px;
                height: 100px;
                border: 1px solid;
                border-radius: 50px;
                margin-bottom: 20px;
                overflow: hidden;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
    //底部
    .main-btm{
        width: 100%;
        margin-bottom: 50px;
        background-color: #fff;
        height: 60px;
        text-align: center;
        line-height: 60px;
    }
}
footer{
    border: 1px solid rgba(255, 255, 255, 100)
}